<script>
export default {
    methods: {
      deleteRow(index, rows) {
        rows.splice(index, 1);
      }
    },
    data() {
      return {
        tableData: [

        ]
      }
    },
  mounted() {
      fetch("http://127.0.0.1:5000/getJiqiXueData").then((e)=>{
        return e.json()
      }).then((e)=>{
        this.tableData=e
      })
  }
}
</script>

<template>
  <el-table
    :data="tableData"
    style="width: 100%"
    max-height="625">
    <el-table-column
      fixed
      prop="position"
      label="岗位名称"
      width="120">
    </el-table-column>
    <el-table-column
      prop="require"
      label="技能"
      width="120">
    </el-table-column>
    <el-table-column
      prop="salary"
      label="薪资"
      width="120">
    </el-table-column>
    <el-table-column
      prop="years"
      label="工作年限"
      width="120">
    </el-table-column>
    <el-table-column
      prop="education"
      label="学历"
      width="120">
    </el-table-column>
    <el-table-column
      prop="area"
      label="地区"
      width="120">
    </el-table-column>
    <el-table-column
      prop="compay"
      label="公司"
      width="120">
    </el-table-column>
    <el-table-column
      fixed="right"
      label="操作"
      width="120">
      <template slot-scope="scope">
        <el-button
          @click.native.prevent="deleteRow(scope.$index, tableData)"
          type="text"
          size="small">
          移除
        </el-button>
      </template>
    </el-table-column>
  </el-table>
</template>

<style>
.el-card__body, .el-main {
    padding:0px !important;
}

</style>